<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1341521_yvtami4tmb.css">
    <script src="../js/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1432742_2uxva3rvhz9.css">
    <script src="../js/api.js"></script>
    <script src="../js/axios.min.js"></script>
    <link rel="stylesheet" href="../css/我的分页/账户管理.css">
    <script src="../js/账户管理.js"></script>
    <title>Document</title>
</head>

<body>
    <header>
        <a href="./我的易果.html">
            <span class="iconfont icon-fan_hui"></span>
        </a>
        <p>账户管理</p>
    </header>
    <main>
        <ul>
            <li id="icon">
                <p> 头像</p>
                <span>
                    <img src="" id="touxiang">
                </span>
            </li>
            <li id="nickname">
                <p>
                    昵称
                </p>
                <span class="old_nickname"></span>
            </li>
            <li id="birthday">
                <p>
                    出生日期
                </p>
                <span>2019-3-6</span>
            </li>
            <li id="sex">
                <p>
                    性别
                </p>
                <span class="select_sex">女</span>
            </li>
            <li id="attestation">
                <p>
                    实名认证
                </p>
                <span>未认证</span>
            </li>
        </ul>
    </main>

    <!-- 修改头像 -->
    <div class="mark">
        <ul class="mark_ul">
            <li>拍照</li>
            <li class="album">从相册中选择<input type="file" id="xdaTanFileImg"></li>
            <li>取消</li>
        </ul>
    </div>

    <!-- 修改昵称 -->
    <div class="nick">
        <div class="top">
            <span class="iconfont icon-fan_hui"></span>
            <h1>修改昵称</h1>
            <span class="sure">确定</span>
        </div>
        <div class="center">
            <div><input type="text" name="" id="new_nickname" placeholder="请输入新昵称"><span class="iconfont icon-shanchu"></span></div>
            <p> 4-20个字符、可由中文、字母、数字、"_"、"、"组成</p>
        </div>
    </div> 
    
    
    <!-- 出生日期 -->
    <div class="date">
        <div class="top">
            <span class="iconfont icon-fan_hui date_fanhui"></span>
            <h1>出生日期</h1>
            <span class="date_sure">确定</span>
        </div>
        <div class="center">
            <input type="text" placeholder="年" class="year">
            <input type="text" placeholder="月"
            class="month">
            <input type="text" placeholder="日"
            class="day">
        </div>
    </div> 
    

    <!-- 修改性别 -->
    <div class="changesex">
        <ul class="changesex_ul">
            <li class="male">男</li>
            <li class="album Female">女</li>
            <li>取消</li>
        </ul>
    </div>

    <!-- 实名认证 -->
    <div class="Verified">
        <div class="top">
            <span class="iconfont icon-fan_hui Verified_fanhui"></span>
            <h1>实名认证</h1>
        </div>
        <div class="center">
            <div>
                <label for="name">真实姓名:
                    <input type="text" name="" id="username" placeholder="请输入姓名">
                </label>
            </div>
            <div>
                <label for="">证件类型:
                    <input class="radio_type" type="radio" name="name" checked id="addtype1">&nbsp;&nbsp;身份证
                    <input class="radio_type" type="radio" name="name" id="addtype1">&nbsp;&nbsp;外籍护照
                </label>
            </div>
            
            <div>
                <label for="card">证件号:
                    <input type="text" name="" id="card" placeholder="请填写真实的身份信息">
                </label>
            </div>
        </div>
        <div class="Verified_sure">保存</div>
    </div>
    <script src="../js/rem.js"></script>
</body>

</html>